<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>FlyAtlas Widget Standalone Application</title>

        <!-- basic style foundations -->
        <link rel="stylesheet" type="text/css" href="../../../lib/yui_2.5.1/build/reset-fonts-grids/reset-fonts-grids.css"/>
        <link rel="stylesheet" type="text/css" href="../../../lib/yui_2.5.1/build/base/base-min.css"/>
        <link type="text/css" rel="stylesheet" href="../../../lib/yui_2.5.1/build/logger/assets/skins/sam/logger.css"/>
<!--        <link rel="stylesheet" type="text/css" href="../../flyui/mvcutils/mvcutils.css"/>
--><!--        <link rel="stylesheet" type="text/css" href="application.css"/>
        -->
        <style type="text/css">
.yui-skin-sam .yui-log {
width: 60em;
font-size: 1em;
}
        </style>
    </head>
    <body>
        
        <!-- main document div, hook for yui -->
        <div id="doc3">
            
            <!-- header div -->
            <div id="hd">
                <h1>FlyAtlas Widget Standalone Application</h1>
            </div>
            
            <!-- page body div -->
            <div id="bd">
                
                <!-- loading pane -->
                <div id="loadingPane">
                    <p>Please wait while the application loads...</p>
                </div>
                
                <!-- application pane, initially invisible until application is loaded -->
                <div id="applicationPane" class="invisible">
                    
                    <!-- form pane, containing query input form -->
                    <div id="formPane">

                        <!-- query form -->
                        <form id="queryForm" action="javascript:void(0)">
                            <p>
                                <label><strong>affy probe id or gene fbgn:</strong> </label>
                                <input type="text" id="queryInput"/>
                                <input type="submit" id="querySubmit" value="Go"/>
                                <select id="queryMode">
                                    <option>affy probe id</option>
                                    <option>gene flybase id</option>
                                </select>
                            </p>
                        </form>
                        
                    </div>

                    <!-- container for widget -->
                    <div id="widgetContainer">
                        
                        <!-- widget pane -->
                        <div id="widgetPane" class="widgetPane">

                            <h2>flyatlas widget</h2>

                            <!-- widget canvas -->
                            <div id="widgetCanvas"></div>                    

                        </div>

                    </div>
                                        
                </div>
                
            </div>
            
            <hr/>
            
            <div id="ft" class="yui-skin-sam">
                <div id="logger" class="invisible"></div>
            </div>
        </div>

        <!-- YUI dependencies -->
        <script type="text/javascript" src="../../../lib/yui_2.5.1/build/yahoo-dom-event/yahoo-dom-event.js"></script>
        <script type="text/javascript" src="../../../lib/yui_2.5.1/build/connection/connection-min.js"></script>
        <script type="text/javascript" src="../../../lib/yui_2.5.1/build/json/json-min.js"></script>
        <script type="text/javascript" src="../../../lib/yui_2.5.1/build/logger/logger-min.js"></script>

        <!-- jQuery -->
        <script type="text/javascript" src="../../../lib/jquery-1.2.6.min.js"></script>
        
        <!-- FlyUI dependencies -->
        <script type="text/javascript" src="../../flyui/flyui/flyui.js"></script>
        <script type="text/javascript" src="../../flyui/arrayutils/arrayutils.js"></script>
        <script type="text/javascript" src="../../flyui/sparql/sparql-service.js"></script>
        <script type="text/javascript" src="../../flyui/mvcutils/mvcutils-model2.js"></script>
        <script type="text/javascript" src="../../flyui/flyatlas/flyatlas-service.js"></script>
        <script type="text/javascript" src="../../flyui/flyatlas/flyatlas-widget.js"></script>
        
        <!-- Application -->
        <script type="text/javascript" src="application.js"></script>
        
    </body>
</html>